<template>
    <view class="container">
        <div class="wallet-cz">
            <div class="wallet-cz-box">
                <h3>充值金额</h3>
                <view class="inp-box">
                    <view class="left">￥</view>
                    <view class="right">
                        <input v-model="amount" type="number" name="total_fee" minlength="1" maxlength="9" placeholder="请输入充值金额" class="inp" />
                    </view>
                </view>
                <view @click="paySecurityDeposit" class="uni-btn" style="margin: 30px 0 0 0; width:100%; ">立即充值</view>
            </div>
        </div>
    </view>
</template>

<script>
// import {PayApi} from '@/api/PayApi'

export default {
    data() {
        return {
			Config: this.$Config,
			Common: this.$Common,
			Auth: this.$Auth,
			ShareUtil: this.$ShareUtil,
			State: this.$store.state,
			Dict: this.$Dict,

            amount:''
        }
    },
    onLoad() {

    },
    onReady() {
    },
    methods: {
        paySecurityDeposit() {
            uni.showToast({
                title: '功能开发中...',
                duration: 2000
            });
            return false;
            // if (this.amount === '') {
            //     return false
            // }
            //
            // PayApi.accountBalance(this.amount * 100).then((Response) => {
            //     this.$store.dispatch('user/getInfo')
            //     this.Common.navigateBackRefresh()
            // })
        }
    }
}
</script>

<style lang="scss" scoped>

/****充值*******/
.wallet-cz{ width:90%; margin:5% auto 0 auto; border-radius:3px; background:#FFF;}
.wallet-cz-box{ padding:30px;}
.wallet-cz-box .inp-box{ overflow:hidden; margin-top:20px; border-bottom:1px solid #EEE; padding-bottom:20px;
    display: flex; align-items: center;}
.wallet-cz-box .inp-box .left{ font-size:36px;}
.wallet-cz-box .inp-box .right .inp{ width:150px; height:35px; border:none; float:left; margin:0px 0 0 20px;}

</style>
